import type { RouteRecordRaw } from 'vue-router';

import { $t } from '#/locales';

const routes: RouteRecordRaw[] = [
  {
    meta: {
      icon: 'lucide:area-chart',
      order: -1,
      title: $t('page.dashboard.title'),
    },
    name: 'Dashboard',
    path: '/dashboard',
    children: [
      {
        name: 'VehicleAnalytics',
        path: '/vehicleAnalytics',
        component: () => import('#/views/dashboard/vehicleAnalytics/index.vue'),
        meta: {
          affixTab: true,
          icon: 'lucide:file-chart-column-increasing',
          title: $t('page.dashboard.vehicleAnalytics'),
        },
      },
      {
        name: 'ExpensesAnalytics',
        path: '/expensesAnalytics',
        component: () =>
          import('#/views/dashboard/expensesAnalytics/index.vue'),
        meta: {
          icon: 'lucide:circle-dollar-sign',
          title: $t('page.dashboard.expensesAnalytics'),
        },
      },
      {
        name: 'SubsidyAnalytics',
        path: '/subsidyAnalytics',
        component: () => import('#/views/dashboard/subsidyAnalytics/index.vue'),
        meta: {
          icon: 'lucide:chart-pie',
          title: $t('page.dashboard.subsidyAnalytics'),
        },
      },
    ],
  },
];

export default routes;
